// import { Select } from "antd"
import { FC } from "react"

import { SFormItem } from "@/components/common"
import StyleSelect from "@/components/common/styleSelect"
//import { useOptions } from "@/hooks/useOptions"
import { useLocale } from "@/locales"

export type AccountTypeSelectorField = {
	accountType: string
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const AccountTypeSelector: FC<any> = props => {
	const { rules, disable, labelProps, selectorProps, placeholder, useLabel } = props
	const { formatMessage } = useLocale()
	const options = useLabel ? [{ label: "正式", value: "正式" }] : [{ label: "正式", value: 1 }]
	return (
		<SFormItem name="accountType" label={`${formatMessage({ id: "label.member.account_type" })}:`} rules={rules} {...labelProps}>
			<StyleSelect
				placeholder={placeholder ?? formatMessage({ id: "label.select_all" })}
				allowClear
				options={options}
				disable={disable}
				{...selectorProps}
			/>
		</SFormItem>
	)
}
